import React from 'react';
import { Layout } from 'antd';
import { Outlet } from 'react-router-dom';

const { Content } = Layout;

const AuthLayout: React.FC = () => {
  return (
    <Layout style={{ minHeight: '100vh', background: '#f0f2f5' }}>
      <Content style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', padding: '50px 0' }}>
        <div style={{ width: '100%', maxWidth: 400, padding: '24px', background: '#fff', borderRadius: 8, boxShadow: '0 2px 12px 0 rgba(0, 0, 0, 0.1)' }}>
          <div style={{ textAlign: 'center', marginBottom: 24 }}>
            <h1 style={{ margin: 0, fontSize: 24, color: '#1890ff' }}>电商评论分析系统</h1>
            <p style={{ color: '#666', marginTop: 8 }}>请登录后使用系统功能</p>
          </div>
          <Outlet />
        </div>
      </Content>
    </Layout>
  );
};

export default AuthLayout;
    